<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<input  type="button" value="变宽" onclick="biankuan()" />
	<input type="button" value="变高" onclick="biangao()"/>
	<input type="button" value="变色" onclick="bianse()"/>
	<input type="button" value="隐藏" onclick="yingcang()"/>
	<input type="button" value="重置" onclick="chongzhi()"/>
	<div id="a1" style="width: 100px; height: 100px; background-color: black;"></div>
	<body>
	</body>
</html>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
	function biankuan(){
		$("#a1").css("width","200px");
	}
	
	function biangao(){
		$("#a1").css("height","200px");
	}
	
	function bianse(){
		$("#a1").css("background-color","red");
	}
	
	function yingcang(){
		$("#a1").css("display","none");
	}
	
	function chongzhi(){
		$("#a1").css("display","block");
	}
</script>

